<!DOCTYPE html>
<html>

<head>
    <title>日志查看系统</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/websocket.js"></script>
    <script type="text/javascript" src="../js/app.js"></script>
    <script type="text/javascript" src="../js/FileSaver.js"></script>

</head>

<body onload="load()">

<div id="login">
    <div>
        <p id="server" type="text">加载中...</p>
    </div>
    <div>
        <input id="btnConnect" type="button" value="启动日志" onclick="connect()"/>
        <input id="btndisConnect" type="button" value="停止日志" onclick="disconnect()"/>
        <input id="inputip" type="button" value="手动输入手机Ip地址" onclick="localLoad()"/>
    </div>
    <div>
        <input id="sendText" type="text" placeholder="设置log过滤"/>
        <input id="btnSend" type="button" value="过滤" onclick="send()" disabled="true"/>
        <input id="btnClear" type="button" value="清空日志" onclick="ClearTextArea()"/>
        <input id="post" type="button" value="getConfig" onclick="getConfig()"/>
        <input id="post1" type="button" value="保存日志" onclick="saveLog(getText())"/>
    </div>
    <div style="margin-top: 10px">
        <div class="div-left-first">日志总开关：</div>
        <div class="switch demo1">
            <input id="isWriteAll" type="checkbox" onclick="checkLog('isWriteAll')">
            <label></label>
        </div>
    </div>
    <div style="margin-top: 10px">
        <div class="div-left" style="color: #25d025">INFO日志：</div>
        <div class="switch demo1">
            <input id="isWriteInfo" type="checkbox" onclick="checkLog('isWriteInfo')">
            <label></label>
        </div>
    </div>
    <div style="margin-top: 10px">
        <div class="div-left" style="color:#CCCCCC">DEBUG日志：</div>
        <div class="switch demo1">
            <input id="isWriteDebug" type="checkbox" onclick="checkLog('isWriteDebug')">
            <label></label>
        </div>
    </div>
    <div style="margin-top: 10px">
        <div class="div-left" style="color:#FF0000">ERROR日志：</div>
        <div class="switch demo1">
            <input id="isWriteError" type="checkbox" onclick="checkLog('isWriteError')">
            <label></label>
        </div>
    </div>
    <div style="margin-top: 10px">
        <div class="div-left" style="color:#566473">VERBOSE日志：</div>
        <div class="switch demo1">
            <input id="isWriteVerbose" type="checkbox" onclick="checkLog('isWriteVerbose')">
            <label></label>
        </div>
    </div>
    <div style="margin-top: 10px">
        <div class="div-left" style="color:#BB7744">WARM日志：</div>
        <div class="switch demo1">
            <input id="isWriteWarm" type="checkbox" onclick="checkLog('isWriteWarm')">
            <label></label>
        </div>
    </div>

    <div class="divcss5">
        <div id="status">
            来自服务端的消息
        </div>
        <textarea id="txtContent" readonly="readonly" class="comments"></textarea>
    </div>
</div>
</body>

</html>